<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/header.min.css">
    <base href="" target="_top">
</head>

<body>

    <header>
        <div class=" heade_1 ">
            <!-- 官方 -->
            <img src="img/head/log.png " alt=" ">
            <ul>
                <li><a href="#">官方微博</a>
                    <img src="img/head/weibo.png " alt=" ">
                </li>
                <li><a href="#">关注微信</a>
                    <!-- <img src="img/head/weibo.png " alt=" "> -->

                    <img src="img/head/weixin.jpg " alt=" ">
                </li>
                <li><a href="buyer.html ">购物须知</a></li>
            </ul>
        </div>
        <div class="heade_2 ">
            <!-- log -->
            <div class="log "><img src="img/head/logo.png " alt=" "></div>
            <!-- 搜索框 -->
            <div class="search ">
                <input type="text " placeholder="搜索偶像、商品 ">
                <a href="#"></a>
            </div>
            <!-- 列表 -->
            <ul>
                <li>
                    <img src="img/head/avatar.png " alt=" ">
                    <a href="register.html">登录</a>
                </li>
                <li>
                    <a href="#">我的订单</a>
                </li>
                <li>
                    <img src="img/head/cart.png " alt=" ">
                    <a href="#">购物车</a>
                </li>
            </ul>
        </div>
        <div class="heade_3 ">
            <p>艺人分类</p>
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="list.html">专辑</a></li>
                <li><a href="#">明星周边</a></li>
                <li><a href="#">明星同款</a></li>
                <li><a href="#">个护美妆</a></li>
                <li><a href="#">影漫周边</a></li>
                <li><a href="details.html">详情</a></li>
                <li><a href="#">服装配饰</a></li>
            </ul>
        </div>

    </header>
</body>

</html>